<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
<!--    <meta charset="UTF-8">-->
<!--    <meta name="Viewport" content="width=device-width, initial-scale=1.0">-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
    <link rel="icon" th:href="@{/static/cloud/img/favicon.ico}">
    <title>旭科云</title>
    <link rel="stylesheet" th:href="@{/static/cloud/css/public.css}">
    <link rel="stylesheet" th:href="@{/static/cloud/css/reset.css}">
    <link th:href="@{/static/cloud/css/iconfont.css}" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" th:href="@{/static/cloud/css/swiper-bundle.min.css}">
    <link th:href="@{/static/wapAlert/wapAlert.css}" type="text/css" rel="stylesheet" />
    <style>
        .weui-badge {
            display: inline-block;
            min-width: 11px;
            border-radius: 18px;
            background-color: #FA5151;
            line-height: 0.9;
            text-align: center;
            vertical-align: middle;
        }
    </style>
</head>

<body>
<div class="index">
    <!-- 头部 -->
    <div class="header" >
        <div class="header-box flex-j aic">
            <div class="weui-tabbar__item item-left toolbar-station-btn">
                <img src="/static/cloud/img/pic22.png" mode=""></img>
                <a class="weui-tabbar__label toolbar-station">站点</a>
            </div>
            <div class="weui-tabbar__item item-center">
                <span></span>
            </div>
            <div class="weui-tabbar__item item-right">
                <img class="user-message-btn" style="z-index: 1" data-url="/cloud/message/list" src="/static/cloud/img/pic23.png" mode=""></img>
                <span class="weui-badge" style="display:none;right: 4px;position: absolute;top: 1.4em;color: white;font-size: 5px;font-weight: bold;padding: 3px 2.5px;"></span>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="top-swiper">
        <div class="swiper-container swiper1" style="margin-top: 40px;">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="swiper-banner" src="/static/cloud/img/banner01.jpg" /></div>
                <div class="swiper-slide"><img class="swiper-banner" src="/static/cloud/img/banner02.jpg" /></div>
                <div class="swiper-slide"><img class="swiper-banner" src="/static/cloud/img/banner03.jpg" /></div>
                <div class="swiper-slide"><img class="swiper-banner" src="/static/cloud/img/banner04.jpg" /></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="main surker-main">
    </div>

    <div class="footer">
        <div class="footer-box flex aic">
            <div class="footer-i footer-i-active">
                <a href="javascript:;" data-url="/cloud/home" data-show="1">
                    <img class="footer-i-img1" src="/static/cloud/img/pic1.png" alt="">
                    <img class="footer-i-img2 dn" src="/static/cloud/img/pic2.png" alt="">
                    <span>业务管理</span>
                </a>
            </div>
            <div class="footer-i">
                <a href="javascript:;" data-url="/cloud/board/enterprise">
                    <img class="footer-i-img1 dn" src="/static/cloud/img/pic3.png" alt="">
                    <img class="footer-i-img2" src="/static/cloud/img/pic4.png" alt="">
                    <span>企业看板</span>
                </a>
            </div>
            <div class="footer-i">
                <a href="javascript:;" data-url="/cloud/analyse" data-show="0">
                    <img class="footer-i-img1 dn" src="/static/cloud/img/pic5.png" alt="">
                    <img class="footer-i-img2" src="/static/cloud/img/pic6.png" alt="">
                    <span>数据分析</span>
                </a>
            </div>
            <div class="footer-i">
                <a href="javascript:;" data-url="/cloud/group">
                    <img class="footer-i-img1 dn" src="/static/cloud/img/pic7.png" alt="">
                    <img class="footer-i-img2" src="/static/cloud/img/pic8.png" alt="">
                    <span>集团看板</span>
                </a>
            </div>
<!--            <div class="footer-i">-->
<!--                <a href="javascript:;" data-url="/cloud/hardware" data-show="0">-->
<!--                    <img class="footer-i-img1 dn" src="/static/cloud/img/pic7.png" alt="">-->
<!--                    <img class="footer-i-img2" src="/static/cloud/img/pic8.png" alt="">-->
<!--                    <span>智能硬件</span>-->
<!--                </a>-->
<!--            </div>-->
            <div class="footer-i">
                <a href="javascript:;" data-url="/cloud/user/center">
                    <img class="footer-i-img1 dn" src="/static/cloud/img/pic9.png" alt="">
                    <img class="footer-i-img2" src="/static/cloud/img/pic10.png" alt="">
                    <span>我的</span>
                </a>
            </div>
        </div>
    </div>
</div>

<div attr-div="conversionModeList" class="TipsWindown" style="display: none;">
    <div class="shadeIn">
        <div class="selBankBox">
            <h1>
                <a href="javascript:;" style="float: left; font-size: 16px;color: #387ef5;" class="cancel-station">取消</a>
                <a href="javascript:;" class="confirm-station">完成</a>
            </h1>
            <dl class="station-list" style="height: 100%; max-height: 252px;">
<!--                <dt><span>驰旭</span> <i class="wnsM icon-confirm confirm-yes"></i></dt>-->
<!--                <dt><span>雅博</span> <i class="wnsM icon-confirm"></i></dt>-->
            </dl>
        </div>
    </div>
</div>

<input type="hidden" id="url" th:value="${url}"/>
<script type="text/javascript" th:src="@{/static/cloud/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/swiper-bundle.min.js}"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/echarts.min.js}"></script>
<script type="text/javascript" th:src="@{/static/wapAlert/wapAlert.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/cloud/js/pages/index.js}"></script>
<script>
    var mySwiper1 = new Swiper('.swiper1', {
        spaceBetween: 30,
        centeredSlides: true,
        loop: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        }
    })
</script>
</body>

</html>